import classNames from 'classnames';

import type { FC, SVGProps } from 'react';

const HeroDevs: FC<SVGProps<SVGSVGElement>> = props => (
  <svg
    xmlns="http://www.w3.org/2000/svg"
    viewBox="0 0 600 144"
    width="600"
    height="144"
    fill="none"
    {...props}
    className={classNames('text-black dark:text-white', props.className)}
  >
    <path
      fillRule="evenodd"
      clipRule="evenodd"
      d="M49.716 57.7644C31.2403 52.2992 33.3293 99.8793 54.868 86.8433C61.0841 83.0806 69.2772 77.6726 79.0841 77.6726C87.9313 77.6726 92.772 87.2578 101.619 87.2578C114.363 85.8708 113.815 61.6781 105.206 60.8951C96.1535 60.8951 88.7351 76.1836 77.0194 72.5908C66.904 69.4893 56.5224 59.7773 49.716 57.7644ZM52.2164 50.0945C61.6535 52.886 69.874 61.9169 79.4022 64.8381C80.1779 65.076 80.8375 65.0818 81.6183 64.8701C83.4421 64.3762 85.5311 62.8377 87.0285 61.7043C92.5559 57.5203 97.6388 52.8687 105.002 52.8687H105.371L105.738 52.9024C124.711 54.6274 124.528 93.4875 102.32 95.9048L101.882 95.9526H101.334C100.632 95.9526 99.9279 95.9318 99.2316 95.8455C93.5185 95.1364 89.6214 92.5508 85.5659 89.7106C83.9513 88.5799 81.1622 86.4363 79.0675 86.4363C71.8124 86.4363 65.2729 90.7137 59.2521 94.3582C53.3263 97.9447 46.4174 99.2437 40.1305 95.7347C32.7121 91.5942 29.5177 82.5128 29.1909 74.3252C28.8514 65.828 31.5307 55.8467 39.2685 51.3953C43.2868 49.0838 47.8298 48.7968 52.2164 50.0945Z"
      fill="url(#paint0_linear_1656_9)"
    />
    <path
      fillRule="evenodd"
      clipRule="evenodd"
      d="M68.4096 18.8775C-3.89084 14.1405 42.5679 18.5895 26.3813 39.9782C19.4872 49.0955 15.3687 60.5342 15.3687 73.0024C15.3687 102.894 39.1161 127.126 68.4096 127.126C90.0979 127.126 108.744 113.842 116.964 94.818C122.092 84.6241 125.181 69.8198 117.053 51.6996C108.867 32.9983 90.14 20.3026 68.4096 18.8775ZM68.9651 10.0634C102.235 12.2425 130.109 37.948 130.109 73.0024C130.109 107.77 102.482 135.959 68.4096 135.959C34.3397 135.959 6.71289 107.768 6.71289 73.0024C6.71289 59.0591 11.1778 45.621 19.5289 34.5803C20.7654 32.946 21.9139 31.1768 21.1842 29.0997C19.5688 24.5078 16.1543 22.043 18.2042 15.9738C20.7354 8.47836 28.9963 8.2947 35.4043 8.32985C46.4633 8.39107 57.9221 9.34004 68.9651 10.0634Z"
      fill="url(#paint1_linear_1656_9)"
    />
    <path
      fillRule="evenodd"
      clipRule="evenodd"
      d="M405.847 100.284C395.625 100.284 386.666 91.8962 386.666 78.7765V78.5617C386.666 65.1184 395.308 57.161 405.847 57.161C415.964 57.161 425.555 65.7636 425.555 78.5617V78.7765C425.555 91.5733 415.964 100.284 405.847 100.284ZM451.32 75.5443C452.385 64.5648 459.628 56.4126 469.215 56.4126C480.187 56.4126 485.94 65.3261 486.792 75.5443H451.32ZM470.815 108.651C481.255 108.651 487.965 104.412 493.505 98.1072L488.392 93.4338C483.918 98.2161 478.593 101.368 471.028 101.368C461.228 101.368 452.813 94.5202 451.642 82.3471H495.317C495.423 81.3687 495.423 80.7163 495.423 79.629C495.423 63.2153 486.048 49.9544 469.751 49.9544C454.517 49.9544 443.333 62.9983 443.333 79.1937V79.412C443.333 96.8028 455.69 108.651 470.815 108.651ZM519.371 107.29H526.621L550.613 50.601H541.763L523.102 97.2789L504.548 50.601H495.484L519.371 107.29ZM573.73 107.91C584.703 107.91 593.333 101.713 593.333 91.0586V90.9931C593.333 80.766 584.065 77.3566 575.443 74.7175C568.007 72.4083 561.111 70.3196 561.111 64.9311V64.768C561.111 60.1563 565.21 56.7253 571.62 56.7253C576.875 56.7253 582.655 58.762 587.7 62.0869L591.378 55.866C585.807 52.1135 578.452 49.7538 571.831 49.7538C561.111 49.7538 553.333 56.0818 553.333 65.626V65.8433C553.333 76.2565 563 79.3244 571.7 81.8462C579.004 83.9272 585.555 86.1204 585.555 91.8186V91.9289C585.555 97.3644 580.761 100.842 574.156 100.842C567.657 100.842 561.052 98.2333 555.086 93.6677L550.932 99.6471C557.11 104.756 565.846 107.91 573.73 107.91ZM404.297 107.718C414.496 107.718 421.046 101.957 425.555 95.2186V106.157H433.333V35.8618H425.555V61.0868C421.26 54.7828 414.604 49.1302 404.297 49.1302C390.983 49.1302 377.777 60.0008 377.777 78.3695V78.5879C377.777 97.0659 390.983 107.718 404.297 107.718Z"
      fill="url(#paint2_linear_1656_9)"
    />
    <path
      fillRule="evenodd"
      clipRule="evenodd"
      d="M244.271 108.155C240.01 108.155 236.05 107.431 232.393 105.981C228.736 104.531 225.576 102.466 222.912 99.7855C220.248 97.1033 218.172 93.9332 216.681 90.2736C215.19 86.6146 214.444 82.5382 214.444 78.0452V77.8277C214.444 73.6978 215.136 69.7849 216.521 66.0886C217.906 62.3927 219.842 59.1672 222.326 56.415C224.812 53.6607 227.777 51.4862 231.222 49.8918C234.666 48.2987 238.483 47.5011 242.673 47.5011C247.432 47.5011 251.55 48.37 255.03 50.1102C258.51 51.8485 261.403 54.186 263.712 57.121C266.02 60.0561 267.724 63.4259 268.825 67.2299C269.924 71.0338 270.476 75.0021 270.476 79.1324C270.476 79.7843 270.458 80.4726 270.423 81.1976C270.386 81.9217 270.334 82.6835 270.263 83.4807H230.53C231.311 87.2487 232.926 90.092 235.376 92.0129C237.825 93.9332 240.862 94.8938 244.484 94.8938C247.182 94.8938 249.596 94.4226 251.727 93.4801C253.858 92.5381 256.06 91.0168 258.332 88.9149L267.6 97.2841C264.901 100.69 261.633 103.354 257.798 105.274C253.964 107.194 249.454 108.155 244.271 108.155ZM254.2 73.2766C253.702 69.5816 252.424 66.5917 250.364 64.309C248.304 62.0264 245.571 60.8851 242.162 60.8851C238.753 60.8851 236.001 62.0082 233.906 64.2555C231.812 66.5018 230.444 69.5086 229.805 73.2766H254.2ZM275.555 48.3333H292.222V59.8394C293.815 55.9323 295.998 52.8087 298.772 50.4645C301.544 48.1202 305.287 47.0547 310 47.2685V64.2063H309.167C303.901 64.2063 299.758 65.8392 296.744 69.1069C293.728 72.3731 292.222 77.4512 292.222 84.3394V106.156H275.555V48.3333ZM343.226 108.34C338.791 108.34 334.68 107.555 330.888 105.987C327.098 104.417 323.826 102.264 321.072 99.5268C318.318 96.7911 316.155 93.5793 314.583 89.8945C313.008 86.2088 312.222 82.2495 312.222 78.0168V77.798C312.222 73.5649 313.008 69.606 314.583 65.9211C316.155 62.235 318.336 59.0051 321.125 56.2331C323.915 53.4597 327.205 51.2692 330.996 49.6637C334.786 48.0591 338.934 47.2562 343.441 47.2562C347.875 47.2562 351.986 48.041 355.777 49.6093C359.567 51.1793 362.841 53.3317 365.594 56.0691C368.347 58.8048 370.51 62.0166 372.083 65.7014C373.657 69.3871 374.444 73.3465 374.444 77.5792V77.798C374.444 82.0311 373.657 85.9901 372.083 89.6749C370.51 93.3611 368.33 96.5896 365.541 99.363C362.751 102.136 359.461 104.327 355.67 105.931C351.881 107.537 347.732 108.34 343.226 108.34ZM342.884 93.9789C345.242 93.9789 347.331 93.5595 349.152 92.7215C350.973 91.883 352.527 90.7351 353.813 89.2776C355.098 87.8197 356.081 86.1256 356.758 84.1937C357.438 82.2618 357.777 80.2038 357.777 78.0164V77.798C357.777 75.612 357.421 73.5521 356.705 71.6207C355.992 69.6887 354.955 67.9766 353.598 66.4823C352.241 64.9884 350.634 63.8046 348.777 62.929C346.92 62.0547 344.885 61.6172 342.67 61.6172C340.313 61.6172 338.223 62.0366 336.403 62.8746C334.581 63.7129 333.027 64.8608 331.742 66.3184C330.456 67.7764 329.474 69.4705 328.794 71.4023C328.116 73.3342 327.777 75.3922 327.777 77.5796V77.798C327.777 79.9841 328.134 82.0439 328.848 83.9753C329.563 85.9059 330.6 87.6194 331.956 89.1138C333.314 90.6075 334.902 91.7914 336.724 92.6669C338.545 93.5412 340.598 93.9789 342.884 93.9789ZM172.222 35.8616V57.3624C173.16 56.1116 174.186 54.9345 175.305 53.7931C176.423 52.6696 177.665 51.6735 179.036 50.7851C180.405 49.9157 181.921 49.228 183.578 48.7013C185.237 48.1942 187.112 47.9413 189.202 47.9413C195.476 47.9413 200.325 49.8616 203.751 53.702C207.175 57.543 208.888 62.8325 208.888 69.5727V107.29H192.222V74.8621C192.222 70.967 191.366 68.0138 189.655 66.0399C187.944 64.0469 185.521 63.0509 182.382 63.0509C179.246 63.0509 176.767 64.0469 174.95 66.0399C173.131 68.0138 172.222 70.967 172.222 74.8621V106.156H155.555V35.8616H172.222Z"
      fill="currentColor"
    />
    <defs>
      <linearGradient
        id="paint0_linear_1656_9"
        x1="29.1626"
        y1="75.427"
        x2="119.511"
        y2="74.6275"
        gradientUnits="userSpaceOnUse"
      >
        <stop stopColor="#F926E1" />
        <stop offset="1" stopColor="#2AB5FB" />
      </linearGradient>
      <linearGradient
        id="paint1_linear_1656_9"
        x1="6.71289"
        y1="77.0519"
        x2="130.129"
        y2="76.4854"
        gradientUnits="userSpaceOnUse"
      >
        <stop stopColor="#F926E1" />
        <stop offset="1" stopColor="#2AB5FB" />
      </linearGradient>
      <linearGradient
        id="paint2_linear_1656_9"
        x1="377.777"
        y1="75.0562"
        x2="593.33"
        y2="72.0254"
        gradientUnits="userSpaceOnUse"
      >
        <stop stopColor="#F926E1" />
        <stop offset="1" stopColor="#2AB5FB" />
      </linearGradient>
    </defs>
  </svg>
);

export default HeroDevs;
